<meta charset="UTF-8">

<img src="./img/load.gif" alt="" src-real="./img/1.webp" height="350"></img><br>
<img src="./img/load.gif" alt="" src-real="./img/2.webp" height="350"></img><br>
<img src="./img/load.gif" alt="" src-real="./img/3.webp" height="350"></img><br>
<img src="./img/load.gif" alt="" src-real="./img/4.webp" height="350"></img><br>
<img src="./img/load.gif" alt="" src-real="./img/5.webp" height="350"></img><br>
<img src="./img/load.gif" alt="" src-real="./img/6.webp" height="350"></img><br>
<img src="./img/load.gif" alt="" src-real="./img/7.webp" height="350"></img><br>
<img src="./img/load.gif" alt="" src-real="./img/8.webp" height="350"></img>

<script src="./lazyLoad.js"></script>
<script>
lazyLoad()   //默认打开网页就得判断修改图片
window.onscroll = lazyLoad     //切记加上了小括号就表示调用，此时是绑定窗口事件，需要的是函数本身，即lazyLoad
</script>